<script setup>
// 引入子组件

// 1. 引入子组件
import SonCom from './components/son-com.vue';

import { ref } from 'vue';

const money = ref(100);

const addMoney = () => {
  money.value += 100;
};
const subMoney = () => {
  money.value -= 100;
};


// 子传父
// 1.在子组件内部,emit触发事件
// 2.在父组件内部,使用@监听
const changeFn = (num) => {
  console.log('父组件接收到子组件传递过来的数据', num);
  money.value -= num;
};



</script>

<template>
  <h1>父组件</h1>
  <button @click="addMoney">增加100</button>
  <SonCom 
  @change="changeFn"
  car="宝马车" 
  :money="money"
  ></SonCom>
  <button @click="subMoney">减少100</button>
</template>